<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>百度一下，你就知道</title>
        <link rel="shortcut icon" href="images/logo.ico" />
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
                /* text-decoration:none; */
            }
            .header{
                width: 410px;
                height: 60px;
                float: right;
                /* background: aqua; */
            }
            .header a{
                margin-right: 10px;
                margin-top: 24px;
                line-height: 60px;
                font-size: 13px;
                color: black;
                font-family: '黑体';
            }
            .banner{
                width: 900px;
                margin: 0px auto ;
                padding-top: 75px;
                /* background: lime; */
            }
            h1{
                text-align: center;
            }
            img{
                height: 129px;
                width: 270px;
                margin: 0px auto;
            }
            .con{
                width: 758px;
                margin: 0px auto;
                /* position:relative; */
                /* background:blueviolet; */
            }
            .shuru{
                margin-left: 45px;
                width: 575px;
                height: 40px;
            }
            .baidu{
                float: right;
                background:#4e6ef2;
                width: 91px;
                height: 44px;
                color: white;
                text-align: center;
                line-height: 44px;
                position: relative;
                overflow: hidden;
                right: 91px;
            }
            nav{
                width: 100px;
                height:100px;
                /* background: capdetblue; */
                margin-top: 300px;
                /* overflow: hidden; */
                margin: 0px auto;
                margin-top: 150px;
            }
            nav img{
                height: 70px;
                width: 70px;
                margin-left: 13px;
            }
            nav b{
                font-size: 12px;
                text-align: center;
                margin-left: 22px;
            }
            .find{
                width: 376px;
                height: 50px;
                /* display: block; */
                margin: 10px auto 10px;
                
            }
            .find a{
                font-size: 12px;
                margin-left: 20px;
                line-height: 50px;
                color: #a6a6a6;
            }
            .footer{
                width: 510px;
                height: 50px;
                margin: 0px auto;
            }
            .footer a,span{
                font-size: 12px;
                color: #a6a6a6;
            }
        </style>
    </head>
    <body>
        <div class="header">
                <a href="">糯米</a>
                <a href="">新闻</a>
                <a href="">hao123</a>
                <a href="">地图</a>
                <a href="">视频</a>
                <a href="">贴吧</a>
                <a href="">登录</a>
                <a href="">设置</a>
                <a style="text-decoration:none; color: white; padding: 3px; background-color: #3083f9;" href="">
                    更多产品
                </a>
        </div>
        <div class="banner">
            <h1>
                <a href="">
                    <img src="images/bd_logo1.png" alt="">
                </a>
            </h1>
        </div>
        <div class="con">
                <input class="shuru" type="text" name="" id="">
                <a href="">
                    <p class="baidu">百度一下</p>
                </a>
        </div>
        <nav>
            <img src="images/zbios_efde696.png" alt="">
            <br>
            <b>手机百度</b>
        </nav>
        <p class="find">
            <a href="">把百度设为主页</a>
            <a href="">关于百度</a>
            <a href="">About  Baidu</a>
            <a href="">百度推广</a>
        </p>
        <p class="footer">
            <span>©2016 Baidu</span>
            <a href="">使用百度前必读</a>
            <a href="">意见反馈</a>
            <span>京ICP证030173号</span>&nbsp;&nbsp;&nbsp;
            <a href="">京公网安备11000002000001号</a>
        </p>
    </body>
</html>